<template>
  <div class="order_item">
    <div class="left">
      <div class="info_wrapper">
        <div class="volume">39.02升</div>
        <div class="type">92#</div>
        <div class="oil_station">惠东县惠福加油站</div>
      </div>
      <div class="time">2020-06-24 19:17:55</div>
    </div>
    <Tag color="success" size="default">已支付</Tag>
    <div class="right">
      <div class="price">151.91</div>
      <Tag size="default">再次前往</Tag>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.order_item {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  padding: 15px 0;
  margin-top 12px
  box-shadow: 0 1px 5px rgba(192, 192, 192, 0.3);

  .left {

    .info_wrapper {
      display: flex;

      .oil_station {
        color: #17233d;
      }
    }

    .time {
      font-size: 12px;
      color: #808695;
    }
  }

  .right {
    .price {
      text-align: right;
    }
  }
}
</style>
